
@lctab-height: 28px;
@lctab-sepline: 3px;
@lctab-boxbg: fade(#000, 20%);
@lctab-itembg: fade(#000, 40%);
@lctab-item-hover: fade(#000, 20%);
@lctab-item-current: fade(#000, 40%);
@lctab-itemfont: #fff;
@lctab-itemfont-dark: fade(#fff, 40%);

.lctab-box {
    background-color: @lctab-boxbg;
}

.lctab-nav {

    position: relative;
    left: 0;
    top: 0;
    height: @lctab-height;
    // border-bottom: @lctab-sepline solid @lctab-item-current;

    .lctab-navm {
        overflow: hidden;
        position: relative;
        left: 0;
        top: 0;
        height: @lctab-height;
    }

    .lctab-navs {
    
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 16384px;
        height: @lctab-height; 
        // border-bottom: @lctab-sepline solid @lctab-item-current;
        cursor: default;

        .pgtab {

            display: inline-block; 
            position: relative;
            height: @lctab-height; 
            font-size: 13px; 
            line-height: 20px;
            padding: 4px 2px 0 5px;
            max-width: 300px; 
            margin-right: 0px;
            overflow: hidden; 
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-left: 1px solid transparent;
            border-right: 1px solid @lctab-itembg;
            // border-top-right-radius: 6px;
            color: @lctab-itemfont;       

            a {
                // color: #000;
                color: @lctab-itemfont;
            }

            .ico img {
                width: 13px; 
                height: 13px; 
                margin-right: 3px;
            }
            .pgtabtitle {
                padding-right: 8px;
            }
            .pgtabtitle a {
                overflow: hidden;
                text-decoration: none; 
                text-overflow: ellipsis; 
                white-space: nowrap;
            }
            .pgtabtitle a:hover {
                // color: #db4a37;
                color: @lctab-itemfont;
                cursor: pointer;
            }
            .chg {
                // color: #db4a37; 
                color: @lctab-itemfont;
                width: 8px;
                display: none; 
                text-align: center;
            }
            .chglight {
                // color: #db4a37;
                color: @lctab-itemfont;
            }
            .pgtabclose {
                width: 16px; 
                height: 16px;
                float: right;
                border-radius: 100%;
                font: 14px/100% monospace;
                text-decoration: none;
                color: @lctab-itemfont-dark;
            }
            .pgtabclose:before {
                content: '×';
                // content: '✖';
                position: relative;
                top: 1px;
                left: 4px;
            }
            .pgtabclose:hover {
                background-color: fade(#d9534f, 80%);
                cursor: pointer;
            }
        }
        
        .pgtab.current {
            background-color: @lctab-item-current;
            // height: 24px;
        }

        .pgtab:hover {
            background-color: @lctab-item-hover;
            cursor: pointer;
        }
    }

    .lctab-navr {
    
        position: absolute; 
        top: 0; 
        right: 0;
        padding: 0; 
        text-align: right;
        // border-bottom: @lctab-sepline solid @lctab-item-current; 
        height: @lctab-height;

        .pgtab_more {
            float: left; 
            font-size: 18px; 
            font-weight: bold;
            width: 20px; 
            text-align: center;
            cursor: pointer; 
            z-index: 100;
        }
    }
}

.lctab-bar {
    background-color: @lctab-item-current;
    height: 2px;
    display: none;
}

.lctab-body {
    overflow: auto;
}

.lctab-navmore {

    display: none;
    position: absolute;
    text-align: left;
    padding: 3px;
    background-color: #fff;
    border: 1px solid #aaa;
    min-width: 220px;
    z-index: 100;

    .ltm-sepli {
    	border-top: 1px ridge #aaa; margin:2px 0;
	}
    .ltm-item {
    	clear: both; display: block; padding: 5px 2px; 
    	font-size: 13px; line-height: 13px; color: #333;
	}
    .ltm-item:hover {
    	background-color: @lctab-item-hover;
	}
    .ltm-item a {
    	color: #000; text-decoration: none;
	}
    .ltm-item a:hover {
    	color: #000; text-decoration: underline;
	}
    .ltm-item .ltm-ico {
    	display: inline-block; width: 20px;
	}
    .ltm-item .ltm-ico img {
    	width: 16px; height: 16px;
	}
    .ltm-item .ltm-ctn {
    	display: inline-block; color: #333;
	}
}
